<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title, pageName)">
    <meta charset=utf-8>
    <meta name=renderer content=webkit>
    <meta http-equiv=x-ua-compatible content="IE=edge">
    <meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta name=twitter:card content="总结">
    <meta name=twitter:title content="网站主题">
    <meta name=twitter:description content="网站描述">
    <meta name=keywords content="关键词">
    <title><th:block th:text="${title!=null?title:'blog'}"></th:block></title>
    <link rel=stylesheet th:href="@{/static/site/css/common.css}">
    <link rel=stylesheet th:href="'/static/site/css/'+${pageName}+'.css'">
    <link rel="shortcut icon" th:href="@{/static/favicon.ico}" type="image/x-icon">
    <script>
        top != self && top.host != self.host && (top.location = self.location);
        (function(d) {
            d.className = d.className.replace(/\bno-js/, '');
        })(document.documentElement);
        var $CONFIG = {
            'data': {}
        };
    </script>
</head>

<body th:fragment="navbar">
    <nav class="navbar navbar-default g-navbar-box hidden-print" id=Js_page-navbar>
        <div class=navbar-header><button type=button class="navbar-toggle collapsed" data-toggle=collapse data-target=.navbar-collapse>
            <span class=icon-bar></span><span class=icon-bar></span><span class=icon-bar></span></button>
            <a class=navbar-brand href="/" title=听风和笙博客 target=_self>听风合笙博客</a></div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right" id=JS_nav_list>
                <li class="menu-item menu-item-home"><a class=menu-item-link href="/index" target=_self title=最新文章>最新文章</a></li>
                <li class="menu-item menu-item-archive"><a class=menu-item-link href="/archive" target=_self title=文章归档>文章归档</a></li>
                <li class="menu-item menu-item-about"><a class=menu-item-link href="/about" target=_self title=了解更多>关于</a></li>
                <li class="menu-item menu-item-link"><a class=menu-item-link href="https://huadongf.com" target=_self title=了解更多>友链博客：天高云淡</a></li>
            </ul>
        </div>
        <div class=navbar-bottom>
            <p class=copyright>© 2020 听风合笙</p>
            <p class=copyright>All rights reserved.</p>
        </div>
    </nav>
    <div class=page-loading-bar></div>
</body>

</html>